<mat-card>
  <mat-card-title>Dialog</mat-card-title>
  <mat-card-content>
    <button mat-raised-button type="button" (click)="openDialog()" color="primary">dialog</button>
  </mat-card-content>
</mat-card>

<mat-card>
  <mat-card-title>Alert Dialog</mat-card-title>
  <mat-card-content>
    <button mat-raised-button type="button" (click)="openAlert()" color="primary">alert</button>
  </mat-card-content>
</mat-card>

<mat-card>
  <mat-card-title>Confirm Dialog</mat-card-title>
  <mat-card-content>
    <button mat-raised-button type="button" (click)="openConfirm()" color="primary">confirm</button>
  </mat-card-content>
</mat-card>